<template>
	<view class="content">
		<Header>
			调研活动
		</Header>
		<liuyuno-tabs :tabData="tabs" :defaultIndex="defaultIndex" @tabClick='tabClick' />
		<view style="height: calc(100vh - 86px - var(--status-bar-height))">
			<NotAttendSurvey v-if="defaultIndex == 0"></NotAttendSurvey>
			<AttendSurvey v-if="defaultIndex == 1"></AttendSurvey>
		</view>
	</view>
</template>

<script>
	import Header from '../../components/header.vue'
	import liuyunoTabs from "@/components/liuyuno-tabs/liuyuno-tabs.vue";
	import NotAttendSurvey from './notAttendSurvey.vue'
	import AttendSurvey from './attendSurvey.vue'
	export default {
		components: {
			Header,
			NotAttendSurvey,
			AttendSurvey
		},
		data() {
			return {
				tabs: ['待参与', '已参与'],
				defaultIndex: 0
			}
		},
		onLoad() {

		},
		methods: {
			tabClick(index) {
				this.defaultIndex = index
			}
		}
	}
</script>

<style scoped>
	
	
</style>